<!--
 * @Author: 花香蝶自来 1026583651@qq.com
 * @Date: 2024-05-27 19:34:19
 * @LastEditors: 花香蝶自来 1026583651@qq.com
 * @LastEditTime: 2024-05-28 21:21:01
 * @FilePath: /crm/pagesecharts/jcCustomInvoice/jcCustomInvoice.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
	<view class="my-customer">
		<view class="bg"></view>

		<u-navbar-index title="发票管理" :autoBack="true" bgColor="transparent">
			<template #right>
				<text style="font-size: 26rpx; color: #dc2626" @click="editfn">新建</text>
			</template>
		</u-navbar-index>
		<!-- <u-sticky> -->

		<!-- <view class="search-wrap">2
      <u-search placeholder="请输入搜索内容" v-model="keyword" bgColor="#FFFFFF" height="74rpx" placeholderColor="#C1C5C9"
        :showAction="false" />
    </view> -->
		<!-- </u-sticky> -->
		<view style="position: relative;">
			<item v-for="(item, i) in list" :key="i" :item="item"></item>
		</view>
	</view>
</template>
<script>
	import item from "./components/item"
	import {
		getPage
	} from "@/apis/customer/jcCustomInvoice"
	export default {
		name: "my-customer",
		components: {
			item
		},
		data() {
			return {
				list: [],
			};
		},
		mounted() {
			this.init()
		},
		methods: {
			async init() {
				let list = await getPage()
				this.list = list.records
				console.log(list);
			},
			editfn() {
				uni.navigateTo({
					url: "/pagesecharts/jcCustomInvoice/edit/edit"
				})
			}
		},
	};
</script>
<style lang="scss">
	page {
		background: #f2f4f5;
	}
</style>
<style scoped lang="scss">
	.scroll-Y {
		height: calc(100vh - 300rpx);
	}

	.my-customer {
		// min-height: 100vh;
		// padding: 0 18rpx;
		// background: #f2f4f5;

		.bg {
			height: 659rpx;
			background: linear-gradient(#f4eae9 0%, #f4e9e8 10%, #f2f4f5 100%);
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
		}
	}

	.wrap {
		background: #ffffff;
		border-radius: 16rpx;
		padding: 24rpx 0;
		margin-bottom: 20rpx;
	}

	.search-wrap {
		padding: 0 18rpx;
		margin-bottom: 20rpx;
		position: relative;
		z-index: 100;
	}
</style>